@import "base.css";

.home-mask{
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    background: rgba(0,0,0,.2);
    backdrop-filter: blur(10px);
    z-index: 10;
}

.common-header{
    width: calc(100% - 0.9rem);
    /*height: 0.7rem;*/
    background: rgba(3, 18, 54,.8);
    backdrop-filter: blur(10px);
    box-shadow: 0 0 0 0 rgba(7,24,52,0.76);
    position: fixed;
    top: 0;
    padding-left: .9rem;
    z-index: 99;
}
.common-header:hover{
    background: rgba(3, 18, 54,.8);
    backdrop-filter: blur(0px);
}
.common-header .logo-ipe{
    width: .75rem;
    height: .75rem;
    background: #fff;
    position: absolute;
    top: 0;
    left: .9rem;
    z-index: 10;
    -webkit-box-shadow: 0 0 .15rem rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 .15rem rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 0 .15rem rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 .15rem rgba(0, 0, 0, 0.15);
}
.common-header .logo-ipe a{
    width: 50%;
    height: 100%;
    background: url("/common/images/common/logo.png") no-repeat 50% 50%;
    background-size: 100%;
    margin: 0 auto;
}
.common-header .nav-list{
    margin-left: 1.48rem;
    padding: 0.26rem 0;
}
.common-header .nav-list li{
    float: left;
    margin-right: .54rem;
}
.common-header .nav-list li:last-of-type{
    margin-right: 0;
}


.common-header .nav-list li .title{
    font-size: 0.16rem;
    color: #FFFFFF;
    /*padding: .26rem 0;*/
    position: relative;
}
.common-header .nav-list li .title:after{
    content: '';
    position: absolute;
    bottom: -0.26rem;
    left: 50%;
    transform: translate(-50%, 0);
    background: transparent;
    border-radius: 0.02rem;
    height: 0.03rem;
}
.common-header .nav-list li:hover .title:after,
.common-header .nav-list li.active .title:after{
    background: #008FFF;
    animation: navBtmUp linear 1s;
    animation-fill-mode: forwards;
}
@keyframes navBtmUp {
    from{
        width: 0;
    }
    to{
        width: 0.4rem;
    }
}

.dropDown-menu{
    width: 100%;
    position: absolute;
    top: .7rem;
    left: 0;
    background: rgba(3, 18, 54, .8);
    z-index: 1;
    /*opacity: 0;*/
    padding: .34rem 0 .62rem 2.38rem;
    display: none;
}
.dropDown-menu .menuBg{
    display: none;
}
.dropDown-menu .list{
    width: 18%;
}
.dropDown-menu .list .css_head_subtitle{
    display: block;
    color: #808080;
    margin-bottom: .2rem;
}
.dropDown-menu .list a{
    color: #FFFFFF;
    margin-bottom: .3rem;
    font-size: .18rem;
}
.dropDown-menu .list a:last-of-type{
    margin-bottom: 0;
}
.dropDown-menu .list a:hover,
.dropDown-menu .list a.active{
    color: #008FFF;
}
.common-header .nav-list li.active .dropDown-menu{
    z-index: 2;
}
.dropDown-menu .list-0 a{
    font-size: .24rem;
}

.nav-right{
    display: flex;
    align-items: center;
    height: .7rem;
    line-height: .7rem;
}
.nav-right a{
    font-size: 0.14rem;
    color: #ccc;
}
.nav-right .mrRight{
    margin-right: .3rem;
}

.nav-right .follow-us{
    margin-right: .17rem;
}
.nav-right .cn-notice{
    display: flex;
    align-items: center;
}
.nav-right .cn-notice .icon{
    display: block;
    width: .26rem;
    height: .12rem;
    background: url(/common/images/headFooter/new.png) no-repeat;
    background-size: 100%;
    margin-left: .05rem;
}

.nav-right .third-party a{
    width: .24rem;
    height: .24rem;
    margin-left: .2rem;
    position: relative;
}
.nav-right .third-party a:first-of-type{
    margin-left: 0;
}
.nav-right .third-party .wechat{
    background: url(/common/images/headFooter/icon-wechat.png) no-repeat;
    background-size: 100%;
}
.nav-right .third-party .sina{
    background: url(/common/images/headFooter/icon-sina.png) no-repeat;
    background-size: 100%;
}

.nav-right .language{}
.nav-right .language a{
    padding-left: .2rem;
    border-left: .01rem solid #ccc;
}
.nav-right .language a:first-of-type{
    padding-left: 0;
    padding-right: .2rem;
    border-left: none;
}
.nav-right .language a.active{
    color: #fff;
}
.nav-right .btn-login{
    color: #fff;
    line-height: .7rem;
}
.nav-right .btn-register{
    line-height: .7rem;
    color: #FFFFFF;
    background: #008FFF;
    padding: 0 .2rem;
    margin-left: .24rem;
}

.nav-right .user-center{
    height: 100%;
    position: relative;
}
.nav-right .user-data{
    display: flex;
    align-items: center;
    cursor: pointer;
}
.nav-right .user-data .user-head{
    width: .24rem;
    height: .24rem;
    border-radius: 50%;
}
.nav-right .user-data h5{
    font-size: 0.14rem;
    color: #FFFFFF;
    margin: 0 .08rem 0 .06rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    max-width: 1.1rem;
}
.nav-right .user-data .arrow{
    width: .06rem;
    height: .06rem;
    border: #ccc solid;
    border-width: .01rem .01rem 0 0;
    transform: rotate(135deg);
    transition: transform 1s;
    margin-right: .16rem;
}
.nav-right .user-center .list{
    opacity: 0;
    /*width: calc(100% - 0.24rem);*/
    width: max-content;
    padding: .2rem .12rem;
    background: #FFFFFF;
    box-shadow: 0 0 0.1rem 0 #999999;
    border-radius: 0.08rem;
    position: absolute;
    top: -1rem;
    right: .12rem;
    z-index: 2;
    transition: opacity 1s;
}

.nav-right .user-center li{
    margin-bottom: .15rem;
}
.nav-right .user-center li:last-of-type{
    margin-bottom: 0;
}
.nav-right .user-center li a{
    color: #333333;
    display: flex;
    align-items: center;
}
.nav-right .user-center li a:before{
    content: '';
    margin-right: .1rem;
}
.nav-right .user-center li a.my-choice:before{
    width: .14rem;
    height: .15rem;
    background: url(../../images/headFooter/icon-my-choice.png) no-repeat;
    background-size: 100%;
}
.nav-right .user-center li a.log-out:before{
    width: .15rem;
    height: .16rem;
    background: url(../../images/headFooter/icon-log-out.png) no-repeat;
    background-size: 100%;
}
.nav-right .user-center li a:hover{
    color: #008FFF;
}

.nav-right .user-center:hover .list{
    opacity: 1;
    top: 0.58rem;
}
.nav-right .user-center:hover .arrow{
    margin-top: .05rem;
    transform: rotate(-45deg);
}


.common-footer, #common_footer{
    background: #031236;
    color: rgba(255,255,255,.7);
    padding: .68rem 1rem;
    position: relative;
    z-index: 1;
}
.common-footer .ft{
    /*height: 2.58rem;*/
    margin-top: .28rem;
}

.common-footer .c-s, .common-footer .jump-link a, .common-footer .footer-column a{
    color: rgba(255,255,255,.7);
    font-size: .14rem;
    line-height: .14rem;
}
.common-footer .ipe-logo{
    width: 2.85rem;
    height: .44rem;
}
.common-footer .jump-link{
    margin: .4rem 0 .25rem;
}
.common-footer .jump-link a{
    float: left;
    padding: 0 .1rem;
    border-left: .01rem solid rgba(255,255,255,.7);
}
.common-footer .jump-link a:first-of-type{
    padding-left: 0;
    border-left: none;
    font-weight: bold;
}
.common-footer .beian{
    display: flex;
    align-items: center;
    margin-top: .18rem;
}
.common-footer .beian b{
    display: block;
    width: .2rem;
    height: .2rem;
    background: url(/common/images/common/icon-beian.png) no-repeat;
    background-size: 100%;
    margin-right: .09rem;
}

.common-footer .weixin-block{
    margin-top: .34rem;
}
.common-footer .weixin-block a {
    margin-right: .36rem;
    display: inline-block;
    position: relative;
}
.common-footer .weixin-block a img {
    height: .36rem;
}

.common-footer .weixin-block .tooltip,.third-party .tooltip{
    display: none;
    width: max-content;
    position: absolute;
    left: 50%;
    bottom: .45rem;
    transform: translate(-50%, 0);
    background: #fff;
    text-align: center;
    padding: .2rem .2rem .1rem;
    -webkit-box-shadow: 0 .06rem .18rem rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 .06rem .18rem rgba(0, 0, 0, 0.4);
    box-shadow: 0 .06rem .18rem rgba(0, 0, 0, 0.4);
    color: #262e3d;
}
.common-footer .weixin-block .tooltip img, .third-party .tooltip img{
    width: .8rem;
    height: .8rem;
}
.common-footer .weixin-block .tooltip .arrow, .third-party .tooltip .arrow{
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    margin-left: -0.08rem;
    border: .1rem solid transparent;
    border-top: .1rem solid #fff;
    top: 100%;
    left: 50%;
    position: absolute;
}
.common-footer .weixin-block .tooltip .tc, .third-party .tooltip .tc{
    line-height: .20rem;
    font-size: 0.12rem;
    margin-top: 0.1rem;
}

.third-party .tooltip{
    bottom: initial;
    top: 0.4rem;
    z-index: 2;
}
.third-party .tooltip .arrow{
    top: -0.19rem;
    transform: rotate(180deg);
}

.common-footer .weixin-block a:hover .tooltip,
.third-party a:hover .tooltip {
    display: inline;
}

.common-footer .footer2{
    display: flex;
    margin: .28rem 1rem 0 1rem;
}
.common-footer .footer-column{
    margin-right: .6rem;
}
.common-footer .footer-column:last-of-type{
    margin-right: 0;
}
.common-footer .footer-column h3{
    font-size: .16rem;
    font-weight: 500;
    color: #FFFFFF;
    margin-bottom: .32rem;
}
.common-footer .footer-column a{
    margin-top: .2rem;
}

.common-footer .footer3{
    margin-right: .5rem;
}
.common-footer h4{
    font-size: .14rem;
    color: #FFFFFF;
    margin-bottom: .17rem;
}
.common-footer .blue-map{
    float: left;
    margin: 0 .14rem;
}
.common-footer .blue-map img{
    width: 0.93rem;
    height: 0.93rem;
}

.common-footer .footer4{
    margin-left: .14rem;
}
.common-footer .blue-download img{
    width: 1.28rem;
    height: 0.4rem;
    margin-bottom: .06rem;
}
.common-footer .footer-code{
    margin-top: .31rem;
    margin-left: .12rem;
}
.common-footer .footer-code img{
    width: 0.86rem;
    height: 0.86rem;
}


/* 弹窗-首页/co2 footer insblue */
.modal-mask{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    position: fixed;
    bottom: 0;
    z-index: 9999;
    display: none;
}
.modal-mask .modal-content{
    width: 50%;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: .06rem;
    padding-bottom: .58rem;
    outline: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
}
.modal-mask .close-btn{
    position: absolute;
    right: .15rem;
    top: .07rem;
    border-radius: .04rem;
    cursor: pointer;
    font-size: .2rem;
    font-weight: 700;
    line-height: .22rem;
    color: #000;
    text-shadow: 0 .01rem 0 #fff;
    opacity: .5;
}
.modal-mask .logo{
    display: flex;
    justify-content: center;
    align-items: center;
    background: #F0F2F6;
    border-radius: .06rem .06rem 0 0;
    padding: .5rem;
}
.modal-mask .blueMap-logo{
    display: flex;
    align-items: center;
    padding-right: .74rem;
    margin-right: .74rem;
    border-right: .01rem solid rgba(0,0,0,.2);
}
.modal-mask .blueMap-logo h2{
    font-size: .26rem;
    line-height: .28rem;
    color: #000000;
    margin-bottom: .06rem;
}
.modal-mask .blueMap-logo h3{
    font-size: .12rem;
    line-height: .14rem;
    color: #000000;
}
.modal-mask .logo .bluemap{
    width: .55rem;
    margin-right: .14rem;
}
.modal-mask .logo .insblue{
    height: .60rem;
}
.modal-mask h6{
    color: #000;
    font-size: .22rem;
    line-height: .24rem;
    margin: .64rem 0 .2rem;
}
.modal-mask p{
    line-height: .24rem;
    font-size: .14rem;
    color: #000;
}
.modal-mask .flex{
    display: flex;
    justify-content: center;
}
.modal-mask .flex a{
    display: block;
    width: 1.5rem;
    /*height: .5rem;*/
    line-height: .5rem;
    border-radius: .06rem;
    text-align: center;
    font-size: .16rem;
    margin: .5rem .5rem 0;
}
.modal-mask .btn-br{
    border: .01rem solid #005696;
    color: #005696;
}
.modal-mask .btn-bg{
    background: #005696;
    color: #fff;
}

/* alert */
.common-mask-container{
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    display: none;
}
.common-mask-container .common-mask-content{
    width: 60%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #FFFFFF;
    border-radius: .08rem;
    padding: .4rem .4rem .3rem;
}
.common-mask-content .icon-close{
    cursor: pointer;
    position: absolute;
    top: .2rem;
    right: .2rem;
    width: .2rem;
    height: .2rem;
    background: url(/GreenSecurities/images/icon-close.png) no-repeat;
    background-size: 100%;
}
.common-mask-content .auto{
    height: .5rem;
    overflow-y: auto;
}
.common-mask-content h2{
    text-align: center;
    font-size: .24rem;
    color: #333333;
    line-height: .3rem;
    margin-bottom: .2rem;
}
.common-mask-content p,
.common-mask-content span{
    font-size: .16rem;
    line-height: .32rem;
    color: #333333;
    text-indent: 2em;
}
.common-mask-content span{
    font-size: .14rem;
    color: #999999;
    display: block;
}
.common-mask-content span:first-of-type{
    text-indent: 0;
    margin-top: .20rem;
}
.common-mask-content .btn{
    display: block;
    background: #005596;
    color: #fff;
    font-size: .18rem;
    border-radius: .02rem;
    font-weight: bold;
    line-height: .4rem;
    width: 1.2rem;
    margin: .3rem auto 0;
    text-align: center;
}


.c-hd-pt{
    padding-top: .7rem;
}
.c-hd-pt.bg{
    background: rgb(240, 242, 246);
}
.c-hd-pt .fff{
    background: #fff;
}

.wrapPadding{
    padding: 0 1.22rem;
}

.innerContainer{
    /*width: 100%;*/
    /*min-width: 1100px;*/
    max-width: 2040px;
    margin: 0 auto;
    padding: 0 .8rem;
    position: relative;
}